RootZanli & NinjaCr3

: / home / o5t6x7pgljbm / public_html / admin / resources / views / Admin / Goal /
Filename : index.blade.php
back
@extends('Admin.layout.main')
@section('content')
@section('pagestylesheet')
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/vendors/data-tables/css/jquery.dataTables.min.css') }}">
    <link rel="stylesheet" type="text/css"
        href="{{ asset('app-assets/vendors/data-tables/extensions/responsive/css/responsive.dataTables.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/vendors/data-tables/css/select.dataTables.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css/pages/data-tables.css') }}">
    <style type="text/css">
        #main .section-data-tables .dataTables_wrapper .dataTables_filter {
            display: block;
        }

        #main .section-data-tables .dataTables_wrapper .dataTables_filter label {
            display: inline-flex;
            font-size: 18px;
        }
        .dataTables_wrapper .dataTables_filter input {
            height: 1.5rem;
        }
        #main .section-data-tables .dataTables_wrapper .dataTables_length {
            display: block;
        }
        #main .section-data-tables .dataTables_wrapper select {
            display: block;
        }

        #main .section-data-tables .dataTables_wrapper .dataTables_length label {
            display: inline-flex;
            font-size: 15px;
        }

        select{
            width: 100%;
            height: 25px;
            padding: 0px 3px;
            font-size: 15px
        }
    </style>
@stop
<!-- BEGIN: Page Main-->
<div id="main">
    <div class="row">
        <div class="col s12">
            <div class="container">
                <div class="section section-data-tables">
                    <div class="row">
                        <div class="col s12">
                            <div class="card">
                                <div class="card-content">
                                    <!-- Add category -->
                                    <h4 class="card-title">Goals
                                        <a href="{{ route('goals.create') }}" class="btn btn-success"
                                            style="float: right;">Add Goal</a>
                                    </h4>
                                    <!-- Add category close-->
                                    <div class="row">
                                        <div class="col s12 mt-2">
                                            <table id="goalTable" class="display">
                                                <thead>
                                                    <tr>
                                                        <th class="text-center">Goal Logo</th>
                                                        <th class="text-center">Goal Name</th>
                                                        <th class="text-center">Goal Color</th>
                                                        <th class="text-center">Scholarship Points</th>
                                                        <th class="text-center">Action</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- END: Page Main-->
@endsection
@section('pagescript')
<script src="{{ asset('app-assets/vendors/data-tables/js/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('app-assets/vendors/data-tables/extensions/responsive/js/dataTables.responsive.min.js') }}">
</script>
<script src="{{ asset('app-assets/vendors/data-tables/js/dataTables.select.min.js') }}"></script>
<script src="{{ asset('app-assets/js/scripts/data-tables.js') }}"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#goalTable').DataTable({
            "scrollX": true,
            "processing": true,
            "serverSide": true,
            "stateSave":true,
            "ajax": {
                "url": "{{ route('admin.goal.goal_list') }}",
                "dataType": "JSON",
                "type": "POST",
                "data": {
                    _token: $('meta[name="csrf-token"]').attr('content')
                }
            },
            "columns": [
                {
                    "data": "goal_logo",
                    "orderable": true,
                    "class": "text-center"
                },
                {
                    "data": "goal_name",
                    "orderable": true,
                    "class": "text-center"
                },
                {
                    "data": "goal_color",
                    "orderable": true,
                    "class": "text-center"
                },
                {
                    "data": "scholarship_points",
                    "orderable": true,
                    "class": "text-center"
                },
                {
                    "data": "goal_id",
                    "orderable": false,
                    "class": "text-center"
                }
            ],
            "aaSorting": []
        });
    });

    function delete_goal(goal_id) {

        swal({
            title: "Are you sure?",
            text: "You will not be able to recover this data!",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#8BC34A",
            confirmButtonText: "Yes, delete it!",
            closeOnConfirm: false,
            showLoaderOnConfirm: true,
            /*iconColor: '#000',*/
        }, function() {
            swal("Deleted!", "Your data has been deleted.", "success");
            // $("#frm-del-"+GameID).submit();
            $("#goalTable-" + goal_id).submit();

            return true;
        });

        return false;
    }
</script>
@stop